<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../../css/adopt/indexCss.css" type="text/css">

    <title>宠物寄养状态</title>
    <style>
        /* 去除轮播两边的阴影----开始 */
        .carousel-control.left {

            background-image: none;
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        }

        .carousel-control.right {
            left: auto;
            right: 0;

            background-image: none;
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        }

        /* 去除轮播两边的阴影----结束 */


    </style>
</head>

<body>

<ul class="layui-nav" id="header">
    <div class="container">
        <li class="layui-nav-item"><a href="/MagicFrog/index.html"><b style="font-size: 20px;">膜蛤猫舍</b></a></li>
        <li class="layui-nav-item layui-this"><a href="/MagicFrog/views/foster/foster.html">寄养猫咪</a></li>
        <li class="layui-nav-item"><a href="/MagicFrog/views/adopt/adoptCat.html">领养猫咪</a></li>
        <li class="layui-nav-item"><a href="/MagicFrog/views/personal/aboutus.html">关于我们</a></li>
        <ul class="navbar-right">
            <li class="layui-nav-item">
                <a href="/MagicFrog/views/personal/personal-center.html">个人中心</a>
            </li>
            <li class="layui-nav-item" lay-unselect="">
                <a href="/MagicFrog/views/personal/personal-center.html"><img src="//t.cn/RCzsdCq" class="layui-nav-img">我</a>
                <dl class="layui-nav-child">
                    <dd><a href="#">修改信息</a></dd>
                    <dd><a href="#">安全管理</a></dd>
                    <dd><a href="#">退了</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="#contactus">联系我们</a></li>
        </ul>
    </div>
</ul>
<div class="container">
    <div class="row">
        <div class="header" style="">
            <div class="col-md-12" style="padding:50px;margin-left:300px;">
                <h2><span>爱，始于家的感觉</span></h2>
                <h3><span>让每一次寄养成它们温馨的旅程</span></h3></div>
        </div>
    </div>
</div>


<div class="auter"></div>


<!-- 轮播---开始 -->
<div id="myCarousel" class="carousel slide" style="margin-top:40px;">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>

    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <div class="container">
                <div class="milder">
                    <div class="row">
                        <div class="milderL">
                            <div class="col-md-6">
                                <h5>寄养日记</h5><br>
                                <img src="../../imgs/adopt_img1.jpg" style="height:400px;width:700px;">
                            </div>
                        </div>
                        <div class="milderR">
                            <div class="col-md-6"
                                 style="border:0.3px solid gray; padding:50px;height:500px;padding-left:180px;">
                                <strong class="daily-family-name">胖丁爱豆豆</strong>
                                <h2>@十二的寄养日记</h2>
                                <div class="daily-family-content">
                                    市面上虽然有很多号称零添加“天然粮”的狗粮，但是保质期那么久，真的可能“零”添加吗？反正我是不相信的，哈哈。现在我都是自己动手做狗粮给豆子吃，所以今天要来分享一下自制狗粮的心得。
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="container">
                <div class="milder">
                    <div class="row">
                        <div class="milderL">
                            <div class="col-md-6">
                                <h5>寄养日记</h5><br>
                                <img src="../../imgs/adopt_img1.jpg" style="height:400px;width:700px;">
                            </div>
                        </div>
                        <div class="milderR">
                            <div class="col-md-6"
                                 style="border:0.3px solid gray; padding:50px;height:500px;padding-left:180px;">
                                <strong class="daily-family-name">胖丁爱豆豆</strong>
                                <h2>@十二的寄养日记</h2>
                                <div class="daily-family-content">
                                    市面上虽然有很多号称零添加“天然粮”的狗粮，但是保质期那么久，真的可能“零”添加吗？反正我是不相信的，哈哈。现在我都是自己动手做狗粮给豆子吃，所以今天要来分享一下自制狗粮的心得。
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="container">
                <div class="milder">
                    <div class="row">
                        <div class="milderL">
                            <div class="col-md-6">
                                <h5>寄养日记</h5><br>
                                <img src="../../imgs/adopt_img1.jpg" style="height:400px;width:700px;">
                            </div>
                        </div>
                        <div class="milderR">
                            <div class="col-md-6"
                                 style="border:0.3px solid gray; padding:50px;height:500px;padding-left:180px;">
                                <strong class="daily-family-name">胖丁爱豆豆</strong>
                                <h2>@十二的寄养日记</h2>
                                <div class="daily-family-content">
                                    市面上虽然有很多号称零添加“天然粮”的狗粮，但是保质期那么久，真的可能“零”添加吗？反正我是不相信的，哈哈。现在我都是自己动手做狗粮给豆子吃，所以今天要来分享一下自制狗粮的心得。
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!-- 轮播----结束 -->


<!-- 如果需要导航按钮
<div class="swiper-button-prev" hidden></div>
<div class="swiper-button-next" hidden></div> -->
<!-- 如果需要分页器 -->
<!-- <div class="swiper-pagination"></div>
</div>
<img src="http://viptail.image.alimmdn.com/files/official_web/img/home_riji_left.png" class="banner-button-left">
<img src="http://viptail.image.alimmdn.com/files/official_web/img/home_riji_right.png" class="banner-button-right">
</div>  -->
<div class="container" style="margin-top:60px;">
    <div class="row">
        <div class="progress" style="height:3px;">
            <div class="progress-bar progress-bar-warning" role="progressbar"
                 aria-valuenow="10" aria-valuemin="0" aria-valuemax="10"
                 style="width: 90%;"></div>
        </div>
    </div>
</div>


<!-- 进度条-----开始 -->
<div class="container">
    <div class="row">
        <div class="span4">

            <div class="progress progress-info progress-striped" style="margin-bottom: 5px; color: black;">
                <div class="bar" style="width: 0.1%"></div>
            </div>

        </div>
    </div>
</div>
</div>



<div class="container">
    <div>
        <h3 id="welcome">联系我们</h3>
    </div>
    <div class="col-md-4">
        <h4>
            <i class="	glyphicon glyphicon-map-marker"></i>&nbsp;&nbsp;Location
        </h4>
        <p>345 Setwant natrer,</p>
        <p>Metropolitan, Italy.</p>
    </div>
    <div class="col-md-4">
        <h4>
            <i class="glyphicon glyphicon-earphone"></i>&nbsp;&nbsp;PHONE
        </h4>
        <p>+1(401) 1234 567.</p>
        <p>+1(804) 4261 150.</p>
    </div>
    <div class="col-md-4">
        <h4>
            <i class="glyphicon glyphicon-envelope"></i>&nbsp;&nbsp;E-MAIL
        </h4>
        <p>
            <a href="mailto:info@example.com">Example1@gmail.com</a>
        </p>
        <p>
            <a href="mailto:info@example.com">Example2@gmail.com</a>
        </p>
    </div>
</div>




<script src="../../plugins/layui/layui.js" charset="utf-8"></script>

<script src="../../plugins/jquery/jquery.min.js"></script>
<script src="../../plugins/bootstrap/js/bootstrap.js"></script>
</body>
</html>